<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />		<meta httpequiv="X UA Compatible" content="IE=edge">
		<meta name="viewport" content="width=devicewidth, initial scale=1">
		<meta httpequiv="X UA Compatible" content="IE=edge">
		<meta name="viewport" content="width=devicewidth, initial scale=1">
		<link rel="stylesheet" type="text/css" href="css/zpzs.css"/>
		<script type="text/javascript">
			
			window.onload = function(){
				document.getElementById("tree").style.opacity=0;
				document.getElementById("media").style.opacity=1;
			};
		</script>
		<title></title>
	</head>
	<body>
		<div class="top">
			<a href="index.html" id="tfirst"><img src="img/head/logo.png" ></a>
			<a href="index.html">陈柏宇的网页</a>
			<a href="lypj.html" id="tsecond">留言/评价</a>
			<a href="jnlj.html" id="tsecond">技能路径</a>
			<a href="xmfb.html" id="tsecond">项目发布</a>
			<a href="zpzs.html" id="tsecond" style="color: #2FC7CC;">作品展示</a>
			<a href="grjj.html" id="tsecond" >个人简介</a>
		</div>
		
		<div class="content">
			<div class="left">
				<a href="index.html" id="al1"><div id="l"><div class="lc" id="lc1"></div><p>我是首页</p></div></a>
				<a href="grjj.html" id="al2"><div id="l"><div class="lc" id="lc2"></div><p>个人简介</p></div></a>
				<a href="zpzs.html" id="al3"><div id="l"><div class="lc" id="lc3"></div><p>作品展示</p></div></a>
				<a href="xmfb.html" id="al4"><div id="l"><div class="lc" id="lc4"></div><p>项目发布</p></div></a>
				<a href="jnlj.html" id="al5"><div id="l"><div class="lc" id="lc5"></div><p>技能路径</p></div></a>
				<a href="lypj.html" id="al6"><div id="l"><div class="lc" id="lc6"></div><p>留言评价</p></div></a>
			</div>
			<div class="meida1"><img src="img/mediatree/zptree.png" id="tree"></div>
			<div class="media" id="media" style="opacity: 0;">
				<div class="grid" id="g1">
					<figure class="effect-dexter" id="t3x2">
						<img src="img/zp/2x3_1.png" alt="img12"/>
						<figcaption>
							<h2>视频： <span>分型小镇动画</span></h2>
							<p>用blender和c4d配合制作的分型克隆动画</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					<figure class="effect-dexter" id="t2x1" style="position: relative;bottom: 205px;">
						<img src="img/zp/2x1_1.png" alt="img12"/>
						<figcaption>
							<h2>图片： <span>人群</span></h2>
							<p>临时赶的赛博风背景</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					<figure class="effect-dexter" id="t2x1" style="position: relative;bottom: 205px;transform: translateX(82.5%);">
						<img src="img/zp/2x1_2.png" alt="img12"/>
						<figcaption>
							<h2>视频： <span>粉色海洋</span></h2>
							<p>虚拟偶像直播用背景底层</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					
				</div>
				<div class="grid" id="g2">
					<figure class="effect-dexter" id="t2x1" style="position: relative;bottom: 205px;">
						<img src="img/zp/2x1_3.png" alt="img12"/>
						<figcaption>
							<h2>视频： <span>穿梭循环</span></h2>
							<p>blender制作循环动画</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					<figure class="effect-dexter" id="t2x1" style="position: relative;bottom: 0px;transform: translateX(-112%);">
						<img src="img/zp/2x1_4.png" alt="img12"/>
						<figcaption>
							<h2>视频： <span>球变形动画</span></h2>
							<p>blender形态动画</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					<figure class="effect-dexter" id="t1x2" style="position: relative;bottom: 0px;transform: translateX(-265%);">
						<img src="img/zp/1x2_1.png" alt="img12"/>
						<figcaption>
							<h2>图片： <br><span>机器人手</span></h2>
							<p>blender_eevee <br>渲染赛博风机器人手</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					<figure class="effect-dexter" id="t1x2" style="position: relative;bottom: 417px;transform: translateX(195%);">
						<img src="img/zp/1x2_2.png" alt="img12"/>
						<figcaption>
							<h2>h5： <br><span>中传100</span></h2>
							<p>中传100件事 <br>清单式交互h5</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					<figure class="effect-dexter" id="t1x2" style="position: relative;bottom: 417px;transform: translateX(195%);">
						<img src="img/zp/1x2_3.png" alt="img12"/>
						<figcaption>
							<h2>视频： <br><span>菲涅尔月</span></h2>
							<p>菲涅尔做的一个月亮 <br>eevee渲染</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
				</div>
				<div class="grid" id="g3">
					<figure class="effect-dexter" id="t2x2" style="position: relative;bottom: 0px;transform: translateX(0);">
						<img src="img/zp/2x2_1.png" alt="img12"/>
						<figcaption>
							<h2>视频： <span>仿生诞生</span></h2>
							<p>虚拟偶像背景补完企划视频 <br>blender+ae制作</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					<figure class="effect-dexter" id="t3x2">
						<img src="img/zp/2x3_2.png" alt="img12"/>
						<figcaption>
							<h2>图片： <span>机器人场景</span></h2>
							<p>赛博风的机器人场景</p>
							<a href="" target="_blank">View more</a>
						</figcaption>			
					</figure>
					
					
				</div>
			</div>
		</div>
	</body>
</html>
